<template>
    <div class="generic-content">
        <div class="generic-content-wrap">
            <h5 class="generic-content-title">Introducing our new era</h5>
            <h3 class="generic-content-sub-title">Building a healthier future we can thrive in</h3>
            <el-row>
                <el-col :xs="24" :sm="24" :md="16">
                    <p class="generic-content-text text">At G  E, we see possibilities through innovation. As a stand-alone
                        company, G  E is a leader in precision care, infusing innovation with patient-focused technologies
                        to enable better care. We’re dedicated to providing integrated solutions that make hospitals more efficient,
                        clinicians more effective, therapies more precise, and patients healthier. Together, we’re living our
                        purpose to create a world where healthcare has no limits.</p>
                </el-col>
            </el-row>
            <div class="generic-content-button">
                <a class="button" href="https://www.gehealthcare-us.com/#/register">About us</a>
            </div>
        </div>
    </div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.generic-content {
    box-sizing: border-box;
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: #fbf9fd;

    .generic-content-wrap {
        padding: 24px;
        max-width: 1280px;
        margin: 0 auto;

        .generic-content-title {
            margin-bottom: 22.25px;
        }
        .generic-content-sub-title {
            margin-bottom: 24px;
        }
        .generic-content-text{
            margin-bottom: 26px;
        }
        .generic-content-button{
            .button{
                margin-top: 32px;
                background: #6022a6;
                border: none;
                border-radius: 8px;
                color: #fafbfd;
                cursor: pointer;
                display: inline-flex;
                font-size: 16px;
                font-weight: 700;
                height: 44px;
                line-height: 18px;
                padding: 13px 24px;
                &:hover{
                    background: #411771;
                    color: #ffffff;
                }
            }
        }
    }
}
</style>